@use "styles/BoxShadow.module.scss";
@use "styles/Radius.module.scss";
@use "styles/Spacings.module.scss";
@use "styles/Typography.module.scss";
@use "styles/ZIndexes.module.scss";

.options_modal_wrapper {
  background-color: var(--background-1);
  border-radius: Radius.$normal;
  border-radius: Radius.$normal;
  box-shadow: BoxShadow.$small;
  width: fit-content;

  .option {
    padding: Spacings.$spacing02;
    padding-inline: Spacings.$spacing05;
    display: flex;
    gap: Spacings.$spacing05;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    overflow: hidden;
    font-size: Typography.$small;
    border: 1px solid transparent;
    border-radius: Radius.$normal;

    &:hover {
      border-color: var(--primary-0);
      color: var(--primary-0);
    }

    &.disabled {
      cursor: not-allowed;
      pointer-events: none;
      opacity: 0.5;
    }
  }
}
